import type { AppThemeItem } from '@/components/business'

export const themeActive: string = 'default'

export const themes: AppThemeItem[] = [
  {
    id: 'default',
    name: '默认',
    type: 1,
    config: {
      aside: {
        icon: '#595959',
        activeIcon: '#2D61EE',
        background: '#FFFFFF',
        activeBackground: '#F7F9FF ',
        color: '#6D6D6D',
        activeColor: '#2D61EE',
        subBackground: '#FBFBFB',
      },
      header: {
        logo: '#262626',
        background: '#fff',
        color: '#333',
        activeColor: '#2D61EE',
        border: '#e8e8e8',
      },
      footer: {
        color: '#001529',
        background: '#fafafa'
      }
    }
  },
  {
    id: 'dark',
    name: '暗色',
    type: 1,
    config: {
      aside: {
        icon: '#EDEDED',
        activeIcon: '#EDEDED',
        background: '#313749',
        activeBackground: '#2e3a52',
        color: '#A4ABBA',
        activeColor: '#fff',
        subBackground: '#21293a'
      },
      header: {
        logo: '#fff',
        background: '#1B2230',
        color: '#EDEDED ',
        activeColor: '#f1f1f1',
        border: '#1B2230'
      },
      footer: {
        color: '#001529',
        background: '#fafafa'
      }
    }
  },
  {
    id: 'style1',
    name: '风格1',
    type: 2,
    config: {
      aside: {
        icon: '#595959',
        activeIcon: '#ffffff',
        background: '#EDF1F9 ',
        activeBackground: '#2D61EE',
        color: '#262626',
        activeColor: '#ffffff',
        subBackground: '#F5F8FF'
      },
      header: {
        logo: '#262626',
        background: '#EDF1F9 ',
        color: '#232323',
        activeColor: '#2D61EE',
        border: '#EDF1F9'
      },
      footer: {
        color: '#001529',
        background: '#fafafa'
      }
    }
  },
  {
    id: 'style2',
    name: '风格2',
    type: 2,
    config: {
      aside: {
        icon: '#EDEDED',
        activeIcon: '#EDEDED',
        background: '#3C394A  ',
        activeBackground: '#2D61EE',
        color: '#EDEDED',
        activeColor: '#ffffff',
        subBackground: '#363343'
      },
      header: {
        logo: '#fff',
        background: '#241F2E',
        color: '#FFFFFF ',
        activeColor: '#2D61EE',
        border: '#241F2E'
      },
      footer: {
        color: '#001529',
        background: '#fafafa'
      }
    }
  },
  {
    id: 'style3',
    name: '风格3',
    type: 2,
    config: {
      aside: {
        icon: '#EDEDED',
        activeIcon: '#EDEDED',
        background: '#2D325A  ',
        activeBackground: '#2D61EE',
        color: '#EDEDED',
        activeColor: '#ffffff',
        subBackground: '#262B4E'
      },
      header: {
        logo: '#fff',
        background: '#202342',
        color: '#FFFFFF ',
        activeColor: '#2D61EE',
        border: '#202342 '
      },
      footer: {
        color: '#001529',
        background: '#fafafa'
      }
    }
  }
]
